<template>
	<div class="Refound-Container">
		<h3>退款管理</h3>
		<el-menu
		:default-active="activeIndex"
		class="el-menu-demo"
		mode="horizontal"
    :router="true"
		active-text-color="#22ac38"
		@select="handleSelect">

		  <el-menu-item index="/Refound">退款查询</el-menu-item>

		  <el-menu-item index="/ToRefound" >申请退款</el-menu-item>

      <el-menu-item @click="a" >批量退款</el-menu-item>
      <el-menu-item index="" >批量退款批次查询</el-menu-item>
      <el-menu-item index="" >退款配置</el-menu-item>

		</el-menu>
		<router-view>

		</router-view>

		<div class="QueryView">
			<div class="QueryView-Top">
				<div>退款单号</div>
				<div>退款金额</div>
				<div>退款状态</div>
				<div>申请人</div>
				<div>提交时间</div>
				<div>自动提现状态</div>
				<div>操作</div>
			</div>
		  <div class="QueryContainer">
		    <div class="QueryItem">暂无数据</div>
		  </div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'Refound',
		data(){
			return{
				activeIndex:'/Refound',
			}
		},
		methods:{
			handleSelect(){

			},
      a(){
        alert("no")
      }
		}
	}
</script>

<style scoped>
  .QueryView-Top{
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
  	padding-left: 20px;
  	padding-right: 20px;
  	border-bottom: gray 1px solid;
  	border-top: gray 1px solid;
  	width: 43vw;
  	height: 54px;
  	background: #FAFAFA;
  }
  .QueryItem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 43vw;
    height: 54px;
    border-bottom: #CCCCCC 1px solid;
    color: #CCCCCC;

  }
  .Order-Container{
  	width: 45vw;
  	height: 50vh;
  	background: #FFFFFF;



  }
  .Order-Container h1{
  	width: 80px;
  	height: 28px;
  	font-size: 20px;
  	font-family: PingFangSC-Medium, PingFang SC;
  	font-weight: 500;
  	color: #333333;
  	line-height: 28px;
  }
  .QueryView{
  	width: 100%;
  	height: 20vh;
  	margin-top: 50px;
  }

</style>
